import { colors } from '@/theme/cssVariables'

import { SvgIcon } from '../type'

export default function CopyIcon(props: SvgIcon) {
  const { color = colors.secondary } = props

  return (
    <svg width={16} height={16} viewBox="0 0 16 16" fill={color} className="chakra-icon" {...props}>
      <path d="M12.2891 2H5.11049C5.05156 2 5.00335 2.04821 5.00335 2.10714V2.85714C5.00335 2.91607 5.05156 2.96429 5.11049 2.96429H11.7533V12.1786C11.7533 12.2375 11.8016 12.2857 11.8605 12.2857H12.6105C12.6694 12.2857 12.7176 12.2375 12.7176 12.1786V2.42857C12.7176 2.19152 12.5261 2 12.2891 2ZM10.5748 3.71429H3.71763C3.48058 3.71429 3.28906 3.9058 3.28906 4.14286V11.2504C3.28906 11.3643 3.3346 11.4728 3.41496 11.5531L5.73594 13.8741C5.7654 13.9036 5.79888 13.9277 5.83505 13.9478V13.9732H5.89129C5.93817 13.9906 5.98772 14 6.03862 14H10.5748C10.8118 14 11.0033 13.8085 11.0033 13.5714V4.14286C11.0033 3.9058 10.8118 3.71429 10.5748 3.71429ZM5.83371 12.6098L4.68058 11.4554H5.83371V12.6098ZM10.0391 13.0357H6.69085V11.1339C6.69085 10.8379 6.45112 10.5982 6.15513 10.5982H4.25335V4.67857H10.0391V13.0357Z" />
    </svg>
  )
}
